<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		<style type="text/css">
			.box{
				width:100px;
				height: 200px;
				background: pink;
				margin:100px auto;
			}
		</style>
	</head>
	<body>
		<button>按钮 </button>
		<div class="box animated" data-animate="bounceInRight"></div>
	</body>
</html>
<script src="js/zepto.min.js"></script>
<script>
	$('button').click(function(){
		//alert('ok')
//		获取data-animate中的属性值
		var str = $('div').data('animate');
		//alert(str);
		$('div').addClass(str);
	});
</script>